<template>
  <div>
    <p>2121</p>
    <p>3323232</p>
    <el-button type="primary" disabled="isDisabled" @click="clickBtn"
      >主要按钮</el-button
    >
    <el-button type="primary" disabled="isDisabled" @click="clickBtn"
      >主要按钮</el-button
    >
    <el-date-picker
      v-model="value"
      type="datetimerange"
      :picker-options="pickerOptions"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
      align="right"
      @change="changeTime"
    >
    </el-date-picker>
  </div>
</template>

<script>
export default {
  name: "home",
  data() {
    return {
      value: "",
      pickerOptions: {
        shortcuts: [
          { text: "最近一周" },
          { text: "最近一个月" },
          { text: "最近三个月" },
        ],
      },
      isDisabled: true,
      isDisabled: true,
    };
  },
  methods: {
    changeTime: () => {
      return function () {
        return function () {};
      };
      console.log("改变时间");
    },
    clickBtn: () => {
      console.log("点击");
    },
    clickBtn: () => {
      console.log("点击");
    },
  },
};
</script>

<style>
</style>